<template>
  <div class="top">
    <div>
      <div class="container">
        <a-card class="card card1" :bordered="false">
          <a-button type="primary" @click="back">返回上一页</a-button>
        </a-card>

        <a-card class="card1" title="批量类型">
          <a-radio-group v-model="type" button-style="solid">
            <a-radio-button :value="1"> 自定义 </a-radio-button>
            <a-radio-button :value="2"> 程序化 </a-radio-button>
          </a-radio-group>
        </a-card>
      </div>
    </div>
    <div v-show="type == 1">
        <bulkAdd />
    </div>
    <div v-show="type == 2">
        <chengxuhuaAdd />
    </div>
  </div>
</template>

<script>

export default {
  data() {
    return {
      type: 1,
    };
  },
  methods: {
    back(){
      this.$router.go(-1)
    }
  },
  components:{bulkAdd:()=>import('./bulkAdd.vue'), chengxuhuaAdd:()=>import('./chengxuhuaAdd.vue')}
};
</script>

<style lang="less" scoped>
.top {
  background-color: #f0f2f5;
}
.container {
  width: 1024px;
  background-color: #f0f2f5;
  padding: 20px 0px 0 0;
  margin: auto;
}
.card {
  margin-bottom: 20px;
}
</style>